YouTube Challenge 26: Week 2

So we completed Week 2, and it went well. There wasn't anything to Complain about really. I read a lot which I am happy about, and I was able to keep up with my Documentation, unlike last Week. But of course it wasn't Perfect, I wasn't able to get into my Projects as much as I wanted too, and I was a lot on Discord over the Week which I didn't track but still noticed. So yeah for Week 3 I am going to try to reduce my Discord Time.

<style>
#chartsContainer {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#chartsContainer div {
    width: 50%;
}
@media (max-width: 1150px) {
    #chartsContainer div {
        width: 100%;
    }
}

</style>
<div id="chartsContainer">
    <div><canvas id="watchtime"></canvas></div>
    <div><canvas id="cato"></canvas></div>
</div>

But let's get into the Data! This Week I'll be presenting my Standard Platform Chart, but also a Source chart. A Short Explanation of the Source Chart, it shows from where I learned of a Video, if that be somebody send me a Link or If I went onto YouTube, and it recommended me the Video. I primarily started keeping track of it because why not, but it evolved into an Interesting Data Set to see where I spent most of my Time. And as we can see from the Data I spent most of it on my RSS feed, which is good. As my RSS feed is supposed to by my Primary source of Media. As it is stuff I am actually Interested in, and I specifically subscribed too. Tho I do need to maybe filter some Channels out of there. Besides that let's take a look to the Other Sources, so the Second highest is Browsing with 4 Videos, now what does Browsing even mean. In context of this Chart Browsing refers to looking through Streaming and Video Sources that aren't YouTube. A great example is the CCC Media Library I looked through for some Nice Talks, or if I browse Nebula or Dropout for other Channels/Videos I haven't subscribed with RSS yet or cannot subscribe too. The other notable Video source is YouTube, because I have normally it blocked. But sadly for brief Period my mpv / yt-dlp stopped working and I was forced to go to the Website where I got caught by some Videos. But at least I didn't fall into the Trap of Endlessly Watching.

So yeah that concludes the Week 2 Report, see you next Week :).

<script>
const ctx = document.getElementById('watchtime');
const ctx2 = document.getElementById('cato');
new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ["Monday", "Tuesday", "Wednesday", "Thrusday","Friday", "Saturday", "Sunday"],
        datasets: [
            { "label": "YouTube",
            data: [.543, .121, 1.815, .734, .201, 2.056, .720] },
            { "label": "CCC",
            data: [0, .7, 0, 0, 0, 0, 0] },
            { "label": "Straming",
            data: [0, 1.346, .241, .118, .261, .360, 0] },
            { "label": "Video",
            data: [0, .193, 0, .313, .330, 0, 0] },
            { "label": "Owned",
            data: [1.189, 0, 0, 0, 0, .407, 0]},
            { 
                "label": "Video Count",
                data: [7, 12, 7, 5, 3, 10, 3],
                type: "line",
                yAxisID: "y2"
            }
        ],
    },
    options: {
        responsive: true,
        plugins: {
            title: {
                display: true,
                text: "Watch Time"
            }
        },
        scales: {
            x: {
                stacked: true,
            },
            y: {
                stacked: true
            },
            y2: {
                type: "linear",
                display: true,
                position: 'right'
            }
        }
    }
});

new Chart(ctx2, {
    type: 'pie',
    data: {
        labels: ["RSS", "Browsing", "YouTube", "Linked", "Looked For"],
        datasets: [
            {
                backgroundColor: ["#D4842D", "#999", "#f00", "#00f", "#FF2E51"],
                data: [36, 4, 3, 1, 3],
            }
        ]
    },
    options: {
        responsive: true,
        plugins: {
            title: {
                display: true,
                text: "Sources"
            }
        }
    }

});
</script>